<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>订单详情</title>
		<link rel="stylesheet" type="text/css" href="../css/public.css" />
		<link rel="stylesheet" type="text/css" href="../css/topbo_public.css" />
		<link rel="stylesheet" type="text/css" href="../css/commodity-details.css" />
		<script src="../js/rem.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="order-details close-account">
			<div class="toop-public space-between">
				<a href="#" class="reverse">
					<img src="../img/reverse.svg">
				</a>
				<h3 class="title">支付成功</h3>
				<div class="function">
					<img src="../img/function.png">
				</div>
			</div>
			<div class="orange flex">
				<div class="imag over-hidden">
					<img src="../img/payment-surplus01.svg">
				</div>
				<h5>订单支付成功</h5>
			</div>
			
			<div class="order-name">
				<div class="yzf flex">
					<div class="image over-hidden">
						<img src="../img/order-details01.svg" >
					</div>
					<span>已支付</span>
				</div>
				<div class="information">
					<h5>张三 138***2356</h5>
					<p>北京 北京市 xiaopiu秘密基地 xiaopiu</p>
				</div>
			</div>
			
			<div class="merchandise">
				<div class="space-between mer-list">
					<div class="flex">
						<div class="left-imag over-hidden">
							<img src="../img/commodity08.jpg">
						</div>
						<span>商品1</span>
					</div>
					<p class="mer-right">
						<span>x1</span>
						<span>1599元</span>
					</p>
				</div>
				<div class="space-between mer-list">
					<div class="flex">
						<div class="left-imag over-hidden">
							<img src="../img/commodity09.jpg">
						</div>
						<span>商品1</span>
					</div>
					<p class="mer-right">
						<span>x3</span>
						<span>1699元</span>
					</p>
				</div>
			</div>
			
			<div class="freight">
				<div class="frei-white">
					<div class="space-between">
						<span>订单金额：</span>
						<span>￥6696.00</span>
					</div>
					<p>免运费</p>
				</div>
				<div class="frei-orange space-between">
					<span>实付金额</span>
					<em>￥6696.00</em>
				</div>
			</div>
			
			<form class="order-footer space-between">
				<input type="button" name="" id="" value="客服" />
				<input type="button" name="" id="" value="申请退款" />
			</form>
		</div>
	</body>
</html>
